 /**
 * 通用css样式布局处理
 * Copyright (c) 2019 ruoyi
 */

 /** 基础通用 **/
 .block {
   display: block !important;
 }

 .pt5 {
   padding-top: 5px;
 }

 .pt30 {
   padding-top: 30px !important;
 }

 .pr5 {
   padding-right: 5px;
 }

 .pb5 {
   padding-bottom: 5px;
 }

 .mt5 {
   margin-top: 5px;
 }

 .mr5 {
   margin-right: 5px;
 }

 .mb5 {
   margin-bottom: 5px;
 }

 .mb8 {
   margin-bottom: 8px;
 }

 .ml5 {
   margin-left: 5px;
 }

 .ml10 {
   margin-left: 10px;
 }

 .ml20 {
   margin-left: 20px !important;
 }

 .mt10 {
   margin-top: 10px;
 }

 .mt15 {
   margin-top: 15px;
 }

 .mr10 {
   margin-right: 10px;
 }

 .mb10 {
   margin-bottom: 10px;
 }

 .ml0 {
   margin-left: 10px;
 }

 .mt20 {
   margin-top: 20px;
 }

 .mr20 {
   margin-right: 20px !important;
 }

 .mb20 {
   margin-bottom: 20px;
 }

 .m20 {
   margin-left: 20px;
 }

 .width100percent {
   width: 100% !important
 }

 .text-right {
   text-align: right;
 }

 .el-dialog:not(.is-fullscreen) {
   margin-top: 6vh !important;
 }

 /* text color */
 .text-navy {
   color: #1ab394;
 }

 .text-primary {
   color: inherit;
 }

 .text-success {
   color: #1c84c6;
 }

 .text-info {
   color: #23c6c8;
 }

 .text-warning {
   color: #f8ac59;
 }

 .text-danger {
   color: #ed5565;
 }

 .text-muted {
   color: #888888;
 }

 /* image */
 .img-circle {
   border-radius: 50%;
 }

 /* 点点点 */
 .omit {
   width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .fr {
   float: right;
 }

 .fl {
   float: left;
 }

 .pr-5 {
   padding-right: 5px;
 }

 .pl-5 {
   padding-left: 5px;
 }

 .block {
   display: block;
 }

 .pointer {
   cursor: pointer;
 }

 .inlineBlock {
   display: block;
 }

 .clearfix {
   &:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
   }
 }

 .red {
   color: red;
 }

 .green {
   color: green;
 }

 .font-size12 {
   font-size: 12px;
 }

 .width500 {
   width: 500px;
 }
 .width700 {
   width: 700px;
 }
